<template>
	<div class="dynamic_list">
		<!-- 动态平台 -->
		<div class="nav">
			 <div class="dynamic_nav">
				<p><router-link to="/layout/own"><img src="../../../assets/icon-return45.png"></router-link>
				</p>
				<p><span>我的动态</span></p>
			 </div>
		</div>	 
		<div class="dynamic_article">
			<!-- 第一个动态内容开始 -->
			<div class="dynamic_publisher">
				<div class="dynamic_article_pc">
					<img src="../../../assets/1100.png"/>
				</div>
				<div class="dynamic_article_font">
					<p>小雪分享视频</p>
				</div>
			</div>
			<div class="dynamic_article-imgtex">
				<h4> 最嗨视频，没有之一，原来一天也是可以这样过得有滋有味儿，欢迎围观</h4>
				<div class="dynamic_article-img">
					<img class="firimg" src="../../../assets/5710.345.png">
					<!-- 播放小按钮  定位实现-->
					<img class="play-and-stop" src="../../../assets/icon-stop45.png" alt="">
				</div>
			</div>
			<!-- 第一个动态内容结束 -->

			<!-- 第二个动态内容开始 -->
			<div class="dynamic_publisher">
				<div class="dynamic_article_pc">
					<img src="../../../assets/1100.png"/>
				</div>
				<div class="dynamic_article_font">
					<p>小雪分享视频</p>
				</div>
			</div>
			<div class="dynamic_article-imgtex">
				<h4> 曹方的音乐现场，把更温润的自己唱给你听，今天总是感觉自己耳朵被洗涤 </h4>
				<div class="dynamic_article-img">
					<img class="firimg" src="../../../assets/6710.345.png">
					<!-- 播放小按钮  定位实现-->
					<img class="play-and-stop" src="../../../assets/icon-stop45.png" alt="">
				</div>
			</div>
			<!-- 第二个动态内容结束 -->
		</div>
		<p class="blank"></p>
        <!-- <musicPlayer></musicPlayer> -->
	</div>
</template>
<script>
import musicPlayer from '../../../components/music_player'
	export default {
		name:'postDynamic',
		data(){
			return{
				
			}
		},
		components:{
			musicPlayer
		}
	}
</script>
<style scoped lang="Less">
.dynamic_list{
	width: 100%;
	overflow: hidden;
	background-color: #fff;
}
.nav{
	 width: 100%;
	 height: 88/100rem;
     position: fixed;
     z-index: 999;
}
.dynamic_nav img{
    width:30 /100rem;
    height: 50 / 100rem; 
}
.dynamic_nav{
    width: 100%;
	height: 88/100rem;
	overflow: hidden;
	background: url('../../../assets/daohang.png');
	background-size: 100%; 
	background-color: red;
}
.dynamic_nav p{
	float: left;
	margin-top: 16 / 100rem;
	margin-left: 20 / 100rem;
}
.dynamic_nav p span{
	display: inline-block;
    font-size: 40 / 100rem;
    margin-left: 250 / 100rem;
    margin-top:12 / 100rem;
    color: #fff;
}
/*.....................................................*/
.dynamic_article{
	width: 100%;
	margin-top: 83 / 100rem;
	overflow: hidden;
}
.dynamic_publisher{
	width:100%;
	overflow:hidden;
	margin-top: 27 / 100rem; 
}
.dynamic_article_pc{
	width: 100 /100rem;
	height: 100/100rem;
	overflow: hidden;
	margin-left: 20 / 100rem;
}
.dynamic_article_pc img{
	width: 96 /100rem;
	height: 96/100rem;
}
.dynamic_article_font,.dynamic_article_pc{
	float:left; 
}
.dynamic_article_font{
	height: 100 / 100rem; 
	line-height: 100 / 100rem;
	margin-left: 20 /100rem;
}
.dynamic_article_font p{
	font-size: 30 /100rem;
	color:#333;
}

h4{
	margin-top: 22/100rem;
	font-size: 24/100rem;
}
.dynamic_article-imgtex{
	width: 710/100rem;
	margin-left: 20 / 100rem;
	margin-right: 20/100rem;
	line-height: 50/100rem;
	color: #333;
	font-size: 24/100rem;
}
.dynamic_icon{
	width: 300 / 100rem;
	height: 50 / 100rem;
	margin-top: 15 / 100rem;
	float: right;
	margin-right:40 / 100rem;
}
.dynamic_icon span{
    display: inline-block; 
    margin-left: 45 / 100rem;

}
.dynamic_icon .firimg{
	width: 35 / 100rem;
	height: 35 / 100rem;
	margin-right:13 /100rem; 
}
.dynamic_article-img {
	position: relative;
}

.dynamic_article-img .firimg{
    width: 710 / 100rem;
	height: 345 / 100rem;
	margin-top: 18 /100rem; 
	z-index: 0;
}
.dynamic_article-img .play-and-stop{
	width: 45/100rem;
	height: 45/100rem;
	position: absolute;
	bottom: 25/100rem;
	right: 10/100rem;
}
.blank{
	width: 100%;
	height: 109/100rem;
}
	
</style>